<section class="integral container  tree">
    <div class="p-select p-select-no-border p-select-top-radius">
        <div class="p-select-header flex-h-mid p-tran">
            <h3>IEM 10 World Championship Group A</h3>
            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/league/74f9cc0d-cf2e-4583-a76a-5a8c64d7a855.png">
        </div>
        <div class="p-select-body">
            <ul>
                <li class="flex-h-mid">
                    <h3>IEM 10 World Championship Group A </h3>
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/league/74f9cc0d-cf2e-4583-a76a-5a8c64d7a855.png">
                </li>
                <li class="flex-h-mid">
                    <h3>LCK 春季赛 2016</h3>
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/league/360fa701-6c47-482f-969f-cd77d92543c2.png">
                </li>
                <li class="flex-h-mid">
                    <h3>LCK 春季赛 2016</h3>
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/league/360fa701-6c47-482f-969f-cd77d92543c2.png">
                </li>
            </ul>
        </div>
    </div>
    <div class="tree-bar"></div>
    <div class="flex-h-space">
    <div class="tree-center p-arial "><h3>QUARTERS[ BOS ]</h3></div>
    <div class="tree-center p-arial"><h3>SEMIS[ BOS ]</h3></div>
    <div class="tree-center p-arial"><h3>FINALS[ /di ]</h3></div>
    <div class="tree-center p-arial"><h3>FINALS[ BOS ]</h3></div>
    <div class="tree-center p-arial"><h3>SEMIS[ BOS ]</h3></div>
    <div class="tree-center p-arial"><h3>FINALS[ BOS ]</h3></div>
    <div class="tree-center p-arial"><h3>FINALS[ BOS ]</h3></div>
</div>
    <div class="tree-item ">
        <div class="gsl">
            <ul class="item-1">
                <li class="p-border-brown">
                    <div class="item-content  p-arial  " >
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <li class="p-border">
                    <div class="item-content  p-arial">
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <div class="vs">
                    <img src="/res/images/cont/match/VS.png">
                </div>
            </ul>
            <ul class="item-2">
                <li class="p-border-brown">
                    <div class="item-content  p-arial  " >
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <li class="p-border">
                    <div class="item-content  p-arial">
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <div class="score">
                    <div class="p-white-dark  p-border-brown">1</div>
                    <div class="p-border">2</div>
                </div>
            </ul>
            <ul class="item-3">
                <li class="p-border-brown">
                    <div class="item-content  p-arial  " >
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <li class="p-border">
                    <div class="item-content  p-arial">
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <div class="score">
                    <div class="p-white-dark  p-border-brown">1</div>
                    <div class="p-border">2</div>
                </div>
            </ul>
            <ul class="item-4">
                <li class="p-border-brown">
                    <div class="item-content  p-arial  " >
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <li class="p-border">
                    <div class="item-content  p-arial">
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <div class="vs">
                    <img src="/res/images/cont/match/VS.png">
                </div>
            </ul>
            <ul class="item-5">
                <li class="p-border-brown">
                    <div class="item-content  p-arial  " >
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <li class="p-border">
                    <div class="item-content  p-arial">
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <div class="score">
                    <div class="p-white-dark  p-border-brown">1</div>
                    <div class="p-border">2</div>
                </div>
            </ul>
            <ul class="item-6">
                <li class="p-border-brown">
                    <div class="item-content  p-arial  " >
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <li class="p-border">
                    <div class="item-content  p-arial">
                        <a href="#"title="ahq e-Sports Club">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/4004c8ec-1dd1-45c7-a2bc-f7d57ffb89f8.png" alt="name">
                            ahq e-Sports Club
                        </a>
                    </div>
                </li>
                <div class="score">
                    <div class="p-white-dark  p-border-brown">1</div>
                    <div class="p-border">2</div>
                </div>
            </ul>
        </div>
    </div>
</section>
